<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://shiro.apache.org/tags"  prefix="shiro"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
//http://localhost:8080/logistics/
%>
<!DOCTYPE HTML>
<html>
<head>
<!-- 设置页面的 基本路径，页面所有资源引入和页面的跳转全部基于 base路径 -->
<base href="<%=basePath%>">
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="stylesheet" type="text/css" href="static/h-ui/css/H-ui.min.css" />
<link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/H-ui.admin.css" />
<link rel="stylesheet" type="text/css" href="lib/Hui-iconfont/1.0.8/iconfont.css" />
<link rel="stylesheet" type="text/css" href="static/h-ui.admin/skin/default/skin.css" id="skin" />
<link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/style.css" />
<link rel="stylesheet" href="lib/zTree/v3/css/zTreeStyle/zTreeStyle.css" type="text/css">
</head>
<body>
<article class="page-container">
	<form class="form form-horizontal" id="customerForm" method="post" action="${customer!=null ? 'customer/update.do':'customer/insert.do'}">
	<!-- 隐藏域，修改的时候根据id修改 -->
	<input type="hidden" name="customerId" value="${customer.customerId}">
	
	<div class="row cl">
		<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>客户名称：</label>
		<div class="formControls col-xs-8 col-sm-9">
			<input type="text" class="input-text"  value="${customer.customerName}" placeholder="请输入客户名称" id="customerName" name="customerName">
		</div>
	</div>
	<div class="row cl">
		<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>客户性别：</label>
		<div class="formControls col-xs-8 col-sm-9 skin-minimal">
			<div class="radio-box">
				<input name="gender" type="radio" id="sex-1"  value="1" ${customer.gender eq '1' ? 'checked':''}>
				<label for="sex-1">男</label>
			</div>
			<div class="radio-box">
				<input name="gender" type="radio" id="sex-1" value="2"  ${customer.gender eq '2' ? 'checked':''}>
				<label for="sex-1">女</label>
			</div>
		</div>
	</div>
	
	
	<div class="row cl">
		<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>客户电话：</label>
		<div class="formControls col-xs-8 col-sm-9">
			<input type="text" class="input-text"  value="${customer.phone}" placeholder="请输入客户电话" id="phone" name="phone">
		</div>
	</div>
	
	<div class="row cl">
		<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>客户邮箱：</label>
		<div class="formControls col-xs-8 col-sm-9">
			<input type="text" class="input-text"  value="${customer.email}" placeholder="请输入客户邮箱" id="email" name="email">
		</div>
	</div>
	
	<div class="row cl">
		<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>客户地址：</label>
		<div class="formControls col-xs-8 col-sm-9">
			<input type="text" class="input-text"  value="${customer.address}" placeholder="请输入客户地址" id="address" name="address">
		</div>
	</div>
	
	<div class="row cl">
		<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>客户身份证：</label>
		<div class="formControls col-xs-8 col-sm-9">
			<input type="text" class="input-text"  value="${customer.idCard}" placeholder="请输入客户身份证" id="idCard" name="idCard">
		</div>
	</div>
	
	
	<div class="row cl">
		<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>业务员：</label>
		<div class="formControls col-xs-8 col-sm-9">
			<span class="select-box" style="width:150px;">
			
			<shiro:hasRole name="业务员">
				<input name="userId" type="hidden" value='<shiro:principal property="userId"/>'>
				<shiro:principal property="realname"/>
			</shiro:hasRole>
			
			<!-- 不是业务员 -->
			<shiro:lacksRole name="业务员">
				<select class="select" name="userId" size="1">
				<option value="">请选择</option>
				<c:forEach items="${users}" var="user">
					<option ${user.userId eq customer.userId ?'selected':''} value="${user.userId}">${user.realname}</option>
				</c:forEach>
				</select>
			</shiro:lacksRole>
			</span>
		</div>
	</div>
	<div class="row cl">
		<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>所属区间：</label>
		<div class="formControls col-xs-8 col-sm-9">
			<span class="select-box" style="width:150px;">
			<select class="select" name="baseId" size="1">
				<option value="">请选择</option>
				<c:forEach items="${baseDatas}" var="baseData">
					<option ${customer.baseId eq baseData.baseId ?'selected':''} value="${baseData.baseId}">${baseData.baseName}</option>
				</c:forEach>
			</select>
			</span>
		</div>
	</div>
	
	<div class="row cl">
		<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>客户描述：</label>
		<div class="formControls col-xs-8 col-sm-9">
			<textarea name="remark"  class="textarea"  placeholder="客户说明"  >${customer.remark}</textarea>
		</div>
	</div>
	
	
	<div class="row cl">
		<div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
			<input class="btn btn-primary radius" type="submit" value="&nbsp;&nbsp;提交&nbsp;&nbsp;">
		</div>
	</div>
	</form>
</article>

<!--_footer 作为公共模版分离出去--> 
<script type="text/javascript" src="lib/jquery/1.11.3/jquery.min.js"></script> 
<script type="text/javascript" src="lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="static/h-ui/js/H-ui.min.js"></script> 
<script type="text/javascript" src="static/h-ui.admin/js/H-ui.admin.js"></script> <!--/_footer 作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="lib/jquery.validation/1.14.0/jquery.validate.js"></script> 
<script type="text/javascript" src="lib/jquery.validation/1.14.0/validate-methods.js"></script> 
<script type="text/javascript" src="lib/jquery.validation/1.14.0/messages_zh.js"></script> 
<script type="text/javascript" src="lib/zTree/v3/js/jquery.ztree.all-3.5.min.js"></script>





<script type="text/javascript">
	
	$(function(){
	/* 使用表单校验插件 */
		$("#customerForm").validate({
			//规则
			rules: {
				customerName:{
					required:true,
				}
			},
			//校验失败提示消息
			messages:{
				customerName:{
					required:"客户姓名不能为空",
				}
			},
			//校验成功回调函数
			submitHandler:function(form){
				$(form).ajaxSubmit(function(data){
					console.log(data);
					layer.msg(data.msg,{time:1500,icon:data.code},function(){
						
						if(data.code == 1){
							//调用父页面的刷新表格方法（一定要先调用，再关闭）
							parent.refreshTable();
							//让父页面关闭所有弹出层
							parent.layer.closeAll();
						}
					});
				});
			}
			
		});
		
		
	});
	

	
	
	
	
	
</script> 
<!--/请在上方写此页面业务相关的脚本-->
</body>
</html>